<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
<script src='touch-ime.js'></script>
<script src='on-screen-keyboard.js'></script>
<script type="text/javascript">
/*
TouchInputMethod.oncomposition = function() {
    console.log('show');
}
TouchInputMethod.oncompositionend = function() {
    console.log('hide');
}
*/
</script>

<title>On Screen Keyboard Demo</title>

<textarea cols='40' rows='3'>
</textarea>
<div>
<labe>text: </labe><input type="text" /><br/>
<labe>pass: </labe><input type="password" /><br/>
<labe>mail: </labe><input type="email" /><br/>
</div>

</html>

